<!DOCTYPE html >
<html >
<head>
    <title> Hello MiniUI!</title>
    <meta charset="UTF-8"/>
    <script src="../../../../../../miniUI/scripts/boot.js" type="text/javascript"></script>
    <script src="../../../../../../miniUI/scripts/fullcalendar.min.js" type="text/javascript"></script>

    <style>

        *{margin:0;padding:0;list-style-type:none;}

        a,img{border:0;}

        body{
            font:12px/180% Arial, Helvetica, sans-serif, "新宋体";
        }

        .container{
            width:100%;
            height:70%;
            margin:0 auto;
        }
        ul{
            width: 70%
        }
        .inputtext{
            border-radius:10px;
            width: 80%;
            height: 30px;
            border: 1px solid red;
            outline:'none';
            outline-style: none ;
            outline-width: 0px ;
            border: none ;
            border-style: none ;
            text-shadow: none ;
            -webkit-appearance: none ;
            -webkit-user-select: text ;
            outline-color: transparent ;
            box-shadow: none;
        }
        .boxpo{
            width: 90%;
            height: 100%;
            margin: auto;
            overflow: hidden;
        }

        .buttonn{
            background:#F0F0F0 repeat-x;
            padding-top:3px;
            border-top:1px solid #708090;
            border-right:1px solid #708090;
            border-bottom:1px solid #708090;
            border-left:1px solid #708090;
            width:80px;
            height:auto;
            font-size:10pt;
            cursor:hand;
        }
        /*body{*/
               /*margin:0;padding:0;border:0;width:100%;height:100%;overflow:hidden;*/
           /*}*/
    </style>

    <!--必要样式-->
    <link rel="stylesheet" href="../../../../../../miniUI/scripts/css/fullcalendar.css">
    <link rel="stylesheet" href="../../../../../../miniUI/scripts/css/fullcalendar.print.css"  media='print'>

</head>

<body>

<table style="width: 100%;">
    <tr>

        <td style="width:5%;">
            <button class="mini-button"  >新建日程</button>
        </td>
        <td style="width:8%;">
            <button class="mini-button"   >导入</button>
        </td>
        <td>

        </td>
        <td style="width:5%;">
            <button class="mini-button" style="float: right">查询</button>
        </td>
        <td style="width:5%;">
            <a class="mini-button"  iconCls="icon-node"> 切换</a>
        </td>
    </tr>
</table>

<div class="mini-splitter" style="width:100%;height:1000px;">
    <div width="40%" height="100%" size="240" showCollapseButton="true">

        <div class="mini-fit">
            <div id="grid1" class="mini-datagrid" style="width:100%;height:100%;" borderStyle="border:0;"
                 multiSelect="true"
                 allowCellSelect="true"
                 showPager="true"
                 showPageSize="false"
                 pageIndex="0"
                 pageSize="2">
                <div property="columns">
                    <div field="carName" width="120" headerAlign="center" allowSort="true">车辆名称</div>
                    <div field="column2" width="120" headerAlign="center" allowSort="true">字段二</div>
                </div>
            </div>


        </div>
    </div>

    <div class="mini-fit" >

        <div id="boxpo" class="boxpo">

                <div class="box-head">

                    <h3></h3>

                </div>

                <div class="box-content box-nomargin">

                    <div class="calendar"></div>

                </div>

        </div>
    </div>
</div>




<script type="text/javascript" src="../../../../../../miniUI/scripts/jquery-1.7.2.min.js"></script>
<script src="../../../../../../miniUI/scripts/fullcalendar.min.js" type="text/javascript"></script>


</body>
</html>

<script type="text/javascript" src="../car/js/Vehiclereservations.js"></script>
